react16支持less并支持@import语法

首先下载less less-loader

使用npm run eject命令暴露出配置文件
然后修改 webpack.config.js 文件

在rules中添加该规则

{
  test: /\.less$/,
  use: [{
    loader: 'style-loader',
  }, {
    loader: 'css-loader', // translates CSS into CommonJS
  }, {
    loader: 'less-loader', // compiles Less to CSS
  }]
}

接下来就可以在js文件中直接 import "xx.less" 并且less文件本身可以支持 @import 语法
有帮助的话 麻烦点个赞 收藏 谢谢